<template>
    <div class="tips_box elevation-2">

        <v-toolbar flat color="primary" dark>
            <v-toolbar-title>Tips</v-toolbar-title>
        </v-toolbar>


        <v-tabs vertical>

            <v-tab>上传</v-tab>
            <v-tab>下载</v-tab>
            <v-tab>ICON</v-tab>
            <v-tab>提示框</v-tab>
            <v-tab>图片裁剪</v-tab>


            <v-tab-item>
                <v-tip-fileUp></v-tip-fileUp>
            </v-tab-item>


            <v-tab-item>
                <v-tip-download></v-tip-download>
            </v-tab-item>


            <v-tab-item>
                <v-tip-icon></v-tip-icon>
            </v-tab-item>


            <v-tab-item>
                <v-tip-alter></v-tip-alter>
            </v-tab-item>

            <v-tab-item>
                <v-tip-cropper></v-tip-cropper>
            </v-tab-item>

        </v-tabs>

    </div>
</template>

<script>
    import tips from './tip_item/index'

    let components = {}
    tips.forEach(item => {
        components[item.name] = item
    })

    export default {
        components: components,
        data () {
            return {

            }
        }
    }
</script>

<style scoped src="./style.css"></style>
